<style scoped>
  .modal-nav img{
    display: block;
    max-width: 40px;
    margin: 0 auto;
  }
  .modal-nav span{
    display: inline-block;
    text-align: center;
    padding: 5px 10px;
  }
</style>
<template>
  <p class="modal-nav">
    <span @click="choose(1,ind)"><img src="../../assets/img/icon-image_2593652.png" alt="">图片</span>
    <span @click="choose(2,ind)"><img src="../../assets/img/icon-imgtxt_bd11dd5.png" alt="">图文</span>
    <span @click="choose(3,ind)"><img src="../../assets/img/icon-search_5d116ef.png" alt="">搜索</span>
    <span @click="choose(4,ind)"><img src="../../assets/img/icon-product_2a263e2.png" alt="">商品列表</span>
    <span @click="choose(5,ind)"><img src="../../assets/img/icon-video_3e735ea.png" alt="">视频</span>
    <span @click="choose(6,ind)"><img src="../../assets/img/icon-text_9c86993.png" alt="">文本</span>
    <span @click="choose(7,ind)"><img src="../../assets/img/icon-form_c6f0598.png" alt="">表单</span>
    <span @click="choose(8,ind)"><img src="../../assets/img/icon-slide_4e02a29.png" alt="">轮播图</span>
  </p>
</template>

<script>
  export default {
    data() {
      return {
        imgs:''
      };
    },
    components: {
    },

    props: ['ind'],
    computed:{

    },
    mounted () {

    },
    methods: {
      choose() {
        this.$emit('choose',...arguments)
      }
    }
  }
</script>
